<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>充值</title>
    <link rel="stylesheet" href="../css/main.css?2017101156">
    <link rel="stylesheet" href="../css/recharge.css?2017101157">
    <link rel="SHORTCUT ICON" href="../image/icon40.png?2017101158"/>
    <script rel="script" src="../js/jquery-3.2.1.min.js?2017101159"></script>
    <script rel="script" src="../js/jquery.cookie.js?2017101160"></script>
    <script rel="script" src="../js/qrcode.min.js?2017101161"></script>

</head>
<body>
<div class="wrapper">
    <div class="header-wrapper w1200">
        <header class="cf">
            <div class="logo fl"></div>
            <div class="list-wrapper fr">
                <ul class="list fl cf">
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./product.html">产品页</a></li>
                    <li><a href="./we.html" target="_blank">中心简介</a></li>
                </ul>
                <button id="rechargeBtn"><a href="#">充值</a></button>
                <div class="personal-center fl">
                    <span>个人中心</span>
                    <ul>
                        <li><a href="./personal-center.html">进入账户</a></li>
                        <li><a href="./result.html">历史检测</a></li>
                        <!-- <li><a id="bindErp" href="#">绑定自助通</a></li> -->
                        <li><a id="loginOut" href="#">退出登录</a></li>
                    </ul>
                </div>
                <div id="login" class="fr">一键登录</div>
            </div>

            <div class="bind-account">
                <span class="fl">是否绑定自助通账号，绑定请点击</span>
                <button id="bind" class="fl fr">绑定</button>
            </div>
        </header>
    </div>
    <div class="header-image">
        <div class="title w1200"></div>
    </div>

    <div class="content">
        <div class="order-box recharge-wrapper w1200">
            <h3>充值套餐</h3>
            <div class="tabs">
                <span class="active">空号检测</span>
                <span id="active_1">账号二次清洗</span>
                <span id="active_1">防羊毛党控件</span>
            </div>
            <ul class="cf detection df cf_ul">
                <li class="recharge-package active">
                    <p class="package">套餐A</p>
                    <p class="info gray"><span class="yellow">￥</span><span class="yellow font36">950</span> /50万条</p>
                    <p class="charge gray"><span class="red tag">9.5折</span>
                        <span class="through gray">￥1000</span>
                    </p>
                    <span class="choose"></span>
                </li>
                <li class="recharge-package">
                    <p class="package">套餐B</p>
                    <p class="info gray"><span class="blue">￥</span><span class="blue font36">9000</span> /500万条</p>
                    <p class="charge gray"><span class="red tag">9.0折</span>
                        <span class="through gray">￥10000</span>
                    </p>
                    <span class="choose"></span>
                </li>
                <li class="recharge-package">
                    <p class="package">套餐C</p>
                    <p class="info gray"><span class="green">￥</span><span class="green font36">16000</span> /1000万条</p>
                    <p class="charge gray"><span class="red tag">8.0折</span><span class="through gray">￥20000</span></p>
                    <span class="choose"></span>
                </li>
            </ul>
<!-- 
            <ul class="cf rinse cf_ul">
                <li class="recharge-package active">
                    <p class="package">套餐A</p>
                    <p class="info gray"><span class="yellow">￥</span><span class="yellow font36">9000</span> /50万条</p>
                    <p class="charge gray"><span class="red tag">9.0折</span>
                        <span class="through gray">￥1000</span>
                    </p>
                    <span class="choose"></span>
                </li>
                <li class="recharge-package">
                    <p class="package">套餐B</p>
                    <p class="info gray"><span class="blue">￥</span><span class="blue font36">24000</span> /150万条</p>
                    <p class="charge gray"><span class="red tag">8.0折</span>
                        <span class="through gray">￥3000</span>
                    </p>
                    <span class="choose"></span>
                </li>
                <li class="recharge-package">
                    <p class="package">套餐C</p>
                    <p class="info gray"><span class="green">￥</span><span class="green font36">35000</span> /250万条</p>
                    <p class="charge gray"><span class="red tag">7.0折</span><span class="through gray">￥5000</span></p>
                    <span class="choose"></span>
                </li>
            </ul>
 -->
            <!-- <ul class="cf control cf_ul">
                <li class="recharge-package active">
                    <p class="package">套餐A</p>
                    <p class="info gray"><span class="yellow">￥</span><span class="yellow font36">900</span> /50万条</p>
                    <p class="charge gray"><span class="red tag">9.0折</span>
                        <span class="through gray">￥1000</span>
                    </p>
                    <span class="choose"></span>
                </li>
                <li class="recharge-package">
                    <p class="package">套餐B</p>
                    <p class="info gray"><span class="blue">￥</span><span class="blue font36">2400</span> /150万条</p>
                    <p class="charge gray"><span class="red tag">8.0折</span>
                        <span class="through gray">￥3000</span>
                    </p>
                    <span class="choose"></span>
                </li>
                <li class="recharge-package">
                    <p class="package">套餐C</p>
                    <p class="info gray"><span class="green">￥</span><span class="green font36">3500</span> /250万条</p>
                    <p class="charge gray"><span class="red tag">7.0折</span><span class="through gray">￥5000</span></p>
                    <span class="choose"></span>
                </li>
            </ul> -->
            <h3>自定义充值</h3>
            <div class="custom cf">
                <input class="fl" type="text" placeholder="输入金额（元）" id="confirmInput">

                <button id="confirmCount">确认</button>
                <p class="tips">（20元／万，最低充值20元，必须为整数）</p>
            </div>
        </div>
        <div class="order-box pay-way w1200">
            <h3>支付方式</h3>
            <div class="paymoney">
                应付金额：<span id="money">950</span>元
            </div>
            <div class="ways cf">
                <!--<div class="wxpay pay">-->
                    <!--<div></div>-->
                    <!--<p>微信支付</p>-->
                <!--</div>-->
                <div class="alipay pay" style="margin-left:160px;">
                    <div id="qrcode"></div>
                    <button id="aliPay">请打开支付宝扫描二维码</button>
                </div>

            </div>
            <div class="confirm-wrapper">
                <button id="confirm" class="btn">确认下单</button>
            </div>
            <div class="tip">
                如需其他充值方式，或充值过程中遇到任何问题，请于<a id="kf" href="javascript:;" style="color:#4992ff;">客服人员联系</a>
            </div>
        </div>
    </div>

    <div class="footer-wrapper">
        <div class="footer w1200 cf">
            <div class="href-list fl">
                <h3>联系我们</h3>
                <ul class="cf">
                    <li><a href="javascript:;">客服热线：400-9669-253（7x24h）</a></li>
                    <li><a href="javascript:;">售后咨询：800004544</a></li>
                    <li><a href="javascript:;">在线客服：<i class="qq kfqq"></i></a></li>
                    <li><a href="javascript:;">微信公众号：<i class="wx"></i></a></li>
                    <li><a href="javascript:;">商务合作：2880090331</a></li>
                </ul>
            </div>
            <div class="href-list fl">
                <h3>帮助中心</h3>
                <ul class="cf">
                    <li id="gather"><a href="#">拒绝采集</a></li>
                    <li><a href="./how-recharge.html">怎么充值</a></li>
                    <li><a href="./billing-way.html">计费方式</a></li>
                </ul>
            </div>
            <div class="copyright fl">
                <p>上海创蓝文化传播有限公司[创蓝(中国)]版权所有Copyright ©2012-2015 All Rights Reserved</p>
                <p>公司地址:上海市松江区中创路68号启迪漕河泾科技园19栋</p>
                <p>增值电信业务经营许可证:B2-20120076 沪ICP备案：15046301号-2 沪公网安备案31011702001190号</p>
            </div>
        </div>
    </div>
</div>
<div id="mask"></div>
<script rel="script" src="../js/env.js?2017101162"></script>
<script src="../js/udesk.js?2017101163"></script>
<center><script type="text/javascript" src="../js/recharge.js?2017101164"></script>
<noscript><a href="//www.51.la/?19311708" target="_blank"><img alt="&#x6211;&#x8981;&#x5566;&#x514D;&#x8D39;&#x7EDF;&#x8BA1;" src="//img.users.51.la/19311708.asp" style="border:none" /></a></noscript></center>
</body>
</html>